﻿Ext.onReady(function () {
    var viewport = Ext.create('Ext.Viewport', {
        layout: 'border',
        items: [{
            region: 'west',
            id: 'entities-panel',
            title: 'Entities',
            split: true,
            width: 200,
            maxWidth: 300,
            minWidth: 200,
            collapsible: true,
            margins: '35 0 5 5',
            cmargins: '35 5 5 5',
            layout: 'accordion',
            xtype: 'panel',
            layoutConfig: {
                animate: true
            },
            items: [{
                title: 'Categories',
                autoScroll: true,
                border: false,
                iconCls: 'categories-icon'
            }, {
                title: 'Tags',
                border: false,
                autoScroll: true,
                iconCls: 'tags-icon'
            }, {
                title: 'Currencies',
                border: false,
                autoScroll: true,
                iconCls: 'money-icon'
            }]
        }, {
            region: 'center',
            margins: '35 5 5 0',
            layout: 'column',
            autoScroll: true,
            title: 'Transactions',
            defaults: {
                layout: 'anchor',
                defaults: {
                    anchor: '100%'
                }
            }
        }]
    });
});